	page {
	  background: #f2f3f7;
	}
	.line{
	  width: 100%;
	  height: 1px;
	  background-color: #eee;
	}
	.page-detail{
		/*轮播图*/
		swiper{
			width: 100%;
			height: 500rpx;
		}
		.swiper .swiper-img{
			width: 100%;
			height: 400rpx;
		}
		
		.name-box {
		  background: #fff;
		  padding: 20rpx 30rpx;
		  margin-left: 20rpx;
		  margin-right:20rpx ;
		  margin-top: -150rpx;
		  border-radius: 40rpx;
		  width:87%;
		  position: absolute;
		  z-index: 10;
		}
		
		.name-box .name {
		  font-size: 32rpx;
		  font-weight: 600;
		}
		.name-box .action-box {
		  display: flex;
		  align-items: center;
		  justify-content: flex-end;
		  margin-top: 20rpx;
		  margin-bottom: 10rpx;
		}
		
		.name-box .action-box .price-box {
		  flex: 1;
		  display: flex;
		  align-items: center;
		}
		
		.name-box .action-box .price-box .discounted-price {
		 color: red;
		 font-size:32rpx;
		 font-weight: bold;
		 float:left;
		}
		.name-box .action-box .price-box .original-price {
		 font-size:15rpx;
		  color: gray; 
		  text-decoration: line-through; 
		  margin-top: 5rpx;
		}
		.name-box .other-box .services{
			margin: 5rpx;
			margin-top: 30rpx;
			margin-bottom: 30rpx;
		}
		.name-box .other-box .services .tit{
			font-size:30rpx;
			font-weight: bold;
		}
		.name-box .other-box .services .content{
			font-size:30rpx;
			color:gray;
		}
		.name-box .other-box .delivery{
			margin: 5rpx;
			margin-top: 30rpx;
			margin-bottom: 30rpx;
		}
		.name-box .other-box .delivery .tit{
			font-size:30rpx;
			font-weight: bold;
		}
		.name-box .other-box .delivery .content{
			font-size:30rpx;
			color:gray;
		}
		
		/*商家信息*/
		.business-information{
			background: #fff;
			padding: 30rpx 0;
			margin-top: 262rpx;
			margin-left: 20rpx;
			margin-right:20rpx ;
			border-radius: 40rpx;
		}
		
		.business-information .tit {
		  display: flex;
		  justify-content: space-between;
		  padding: 0 30rpx;
		}
		
		.business-information .tit .text {
		  font-weight: 600;
		  font-size: 30rpx;
		}
		
		.business-information .tit .more {
		  color: #999;
		}
		
		.business-information .tit .more.text-arrow::after {
		  font-size: 28rpx;
		  border-top: 2rpx solid #999;
		  border-right: 2rpx solid #999;
		  top: 44%;
		}
		.business-information .content .img {
		  width:120rpx;
		  height:120rpx;
		  border-radius: 100rpx;
		  margin-left: 15rpx;
		  float: left;
		  margin-right: 10px;
		}
		.business-information .content .text1 {
		  font-size: 31rpx;
		  font-weight: bold;
		  margin-bottom: 5rpx;
		}
		.business-information .content .text2 {
			color:gray;
		  font-size: 25rpx;
		  margin-bottom: 5rpx;
		}
		/*买家评价*/
		.comments{
			background: #fff;
			padding: 30rpx 0;
			margin-top: 20rpx;
			margin-left: 20rpx;
			margin-right:20rpx ;
			border-radius: 40rpx;
		}
		
		.comments .tit {
		  display: flex;
		  justify-content: space-between;
		  padding: 0 30rpx;
		}
		
		.comments .tit .text {
		  font-weight: 600;
		  font-size: 30rpx;
		}
		
		.comments .tit .more {
		  color: #999;
		}
		
		.comments .tit .more.text-arrow::after {
		  font-size: 28rpx;
		  border-top: 2rpx solid #999;
		  border-right: 2rpx solid #999;
		  top: 44%;
		}
		
		.comments .content .item {
			padding: 20rpx;
			margin-bottom: 20rpx;
			background: #f9f9f9;
			border-radius: 20rpx;
			overflow: hidden; /* 清除浮动 */
		}
		
		.comments .content .item::after {
			content: "";
			display: block;
			clear: both;
		}
		
		.comments .content .item .img {
		  width:120rpx;
		  height:120rpx;
		  border-radius: 100rpx;
		  margin-left: 15rpx;
		  float: left;
		  margin-right: 10px;
		}
		.comments .content .item .text1 {
		  font-size: 31rpx;
		  font-weight: bold;
		  margin-bottom: 5rpx;
		}
		.comments .content .item .text2 {
			color:gray;
		  font-size: 25rpx;
		  margin-bottom: 5rpx;
		}
		/*投诉举报*/
		.report{
			background: #fff;
			padding: 30rpx 0;
			margin-top: 20rpx;
			margin-left: 20rpx;
			margin-right:20rpx ;
			border-radius: 40rpx;
			height: 235rpx;
		}
		
		.report .tit {
		  display: flex;
		  justify-content: space-between;
		  padding: 0 30rpx;
		}
		
		.report .tit .text {
		  font-weight: 600;
		  font-size: 30rpx;
		}
		.report .content .text {
		  margin-left: 30rpx;
		  margin-top:13rpx;
		  color:gray;
		  font-size: 20rpx;
		}
		
		.report .tit .more {
		  color: #999;
		}
		
		.report .tit .more.text-arrow::after {
		  font-size: 28rpx;
		  border-top: 2rpx solid #999;
		  border-right: 2rpx solid #999;
		  top: 44%;
		}
		
		/*底部*/
		.footer {
			background: #fff;
			display: flex;
			justify-content: space-between;
			align-items: center;
			z-index:99;
			position: absolute;
			bottom: 0rpx;
			position: fixed;
		}
		.footer .footer-item {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-right: 21rpx;
			margin-left: 12rpx;
		}
		.footer .image-container {
			margin-bottom: 5px;
		}
		.footer .icon {
			width: 24px;
			height: 24px;
		}
		.footer .text {
			font-size: 14px;
			color: #333;
		}
		.footer .action {
			font-size: 16px;
			color: #fff;
			background-color: #f00;
			padding: 10px 15px;
			border-radius: 5px;
		}
	}
	.modal-overlay {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.5); /* 灰色背景 */
			display: flex;
			z-index:100;
			justify-content: flex-end;
			align-items: flex-end;
		}

		/* 底部弹出的矩形弹窗 */
		.modal-bottom {
			width: 100%;
			background-color: #fff;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			padding: 20px;
			animation: slide-up 0.3s ease-out;
		}

		/* 弹窗的动画，从底部滑入 */
		@keyframes slide-up {
			from {
				transform: translateY(100%);
			}
			to {
				transform: translateY(0);
			}
		}

		/* 弹窗的头部 */
		.modal-header {
			font-size: 18px;
			font-weight: bold;
			margin-bottom: 10px;
		}

		/* 弹窗的主体 */
		.modal-body {
			margin-bottom: 20px;
		}

		/* 弹窗的底部按钮 */
		.modal-footer {
			display: flex;
			justify-content: space-between;
		}

		/* 购买数量和地址选择的样式 */
		.quantity, .address {
			margin-bottom: 10px;
		}
	.decrease-button,
	.increase-button {
	  width: 2rem; /* 使用相对单位，如rem */
	  height: 2rem; /* 使用相对单位，如rem */
	  padding: 0; /* 移除内边距 */
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  line-height: 1;
	  border: 1px solid #ddd;
	  background-color: #f8f8f8;
	  cursor: pointer;
	  margin: 0 5px;
	}

	.item-quantity {
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  width: auto; /* 根据需要调整宽度，或使用auto */
	  padding-left: 10px; /* 调整内边距 */
	  padding-right: 10px; /* 调整内边距 */
	}
